<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="__CDN__/assets/addons/shop/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/shop/css/index.css">
</head>
<style>
    #container1{ width: 650px; height: 500px; }
    #container1 > div {z-index: 500!important}
    .empty-address{ display: none; }
    .address-content {display: inline-block;vertical-align: top;}
    .ns-form {margin-top: 0;}
</style>
<body>
    <div class="container">
        <div class="back">
            <div><i class="layui-icon">&#xe603;</i>
                返回</div>
        </div>

        <div class="steps ycenter">
            <div class="ycenter">
                <div>1</div>
                完善店铺资料
            </div>
            <img src="__CDN__/assets/addons/shop/img/line1.png" alt="">
            <div class="ycenter">
                <div>2</div>
                商户资质认证
            </div>
            <img src="__CDN__/assets/addons/shop/img/line1.png" alt="">
            <div class="ycenter">
                <div>3</div>
                开通收款账户
            </div>
        </div>
        <div class="part">
            <div>店铺设置</div>
            <form class="layui-form" action="">
                <div class="layui-form-item ycenter">
                    <label class=" rtitles title">店铺佣金比例</label>
                    <div class=" widths">
                        <select name="commission" id="commission" lay-verify="required">
                            <option value=""></option>
                        </select>
                    </div>
                </div>

                <!--<div class="layui-form-item ycenter" style="align-items: baseline;">
                    <label class="title">绑定商家空白收款码</label>
                    <div class=" widths">
                        <input type="text" name="title" id="collection_code_number" required lay-verify="required" placeholder="请填写商家空白收款码"
                            autocomplete="off" class="layui-input">
                        <div class="tips">请填写空白收款码绑定当前店铺，无空白码请忽略</div>
                    </div>
                </div>-->
            </form>
        </div>
        <div class="part">
            <div>店铺信息 <span>请填写准确的店铺基础信息，对消费者展示</span></div>
            <form class="layui-form" action="">
                <div class="layui-form-item ycenter">
                    <label class="title rtitles">店铺名称</label>
                    <div class=" widths">
                        <input type="text" id="shop_name" name="shop_name"  placeholder="请输入店铺名称"
                            autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item ycenter">
                    <label class=" rtitles title">经营类目</label>
                    <div class=" widths">
                        <select name="category" id="category" lay-filter="category" lay-verify="required">
                            <option value=""></option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item ycenter ishow">
                    <label class="title"></label>
                    <div class=" widths">
                        <select name="category" id="catechild" lay-filter="catechild" lay-verify="required">
                            <option value=""></option>
                        </select>
                    </div>
                </div>


                <div class="layui-form-item ycenter" style="margin-bottom: 0;">
                    <label class="title rtitles">店铺地址</label>
                    <div class=" widths">
                        <input type="text" name="title" id="address" lay-verify="required" placeholder="请输入店铺地址"
                               autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item ycenter">
                    <label class="title"></label>
                    <div class="tips">请填写详细地址，例如1单元201</div>
                </div>

                <div class="layui-form-item ycenter">
                    <label class="title rtitles">范围</label>
                    <div class="ycenter times">
                        <div>
                            <input type="text" class="layui-input" placeholder="开始时间" id="start">
                            <img src="__CDN__/assets/addons/shop/img/icon.png" alt="">
                        </div>
                        <div></div>
                        <div>
                            <input type="text" class="layui-input" placeholder="结束时间" id="ends">
                            <img src="__CDN__/assets/addons/shop/img/icon.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item ycenter">
                    <div class="title"></div>
                    <div>
                        <input type="checkbox" name="days" value="1" title="周一" lay-skin="primary">
                        <input type="checkbox" name="days" value="2" title="周二" lay-skin="primary">
                        <input type="checkbox" name="days" value="3" title="周三" lay-skin="primary">
                        <input type="checkbox" name="days" value="4" title="周四" lay-skin="primary">
                        <input type="checkbox" name="days" value="5" title="周五" lay-skin="primary">
                        <input type="checkbox" name="days" value="6" title="周六" lay-skin="primary">
                        <input type="checkbox" name="days" value="0" title="周日" lay-skin="primary">
                    </div>
                </div>
            </form>
        </div>
        <div class="part">
            <div>店铺图片 <span>对消费者展示门店门头照、内饰照</span></div>
            <form class="layui-form" action="">
                <div class="layui-form-item ycenter">
                    <div class="title rtitles">店铺门头照
                    </div>
                    <span class="imgtips">最多3张；仅支持：jpg,png</span>
                </div>
                <div class="layui-form-item ycenter">
                    <div class="title">
                    </div>
                    <div class="imglist imglist1">
                        <div id="upload1" class="ups">
                            <img src="__CDN__/assets/addons/shop/img/add.png" alt="">
                            <div>点击上传图片</div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item ycenter">
                    <div class="title rtitles">内景照
                    </div>
                    <span class="imgtips">最多2张；仅支持：jpg,png</span>
                </div>
                <div class="layui-form-item ycenter">
                    <div class="title">
                    </div>
                    <div class="imglist imglist2">
                        <div id="upload2" class="ups">
                            <img src="__CDN__/assets/addons/shop/img/add.png" alt="">
                            <div>点击上传图片</div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item ycenter">
                    <div class="title rtitles">推手门店合影
                    </div>
                    <span class="imgtips">推手和门头照 最多3张；仅支持：jpg,png</span>
                </div>
                <div class="layui-form-item ycenter">
                    <div class="title">
                    </div>
                    <div class="imglist imglist3">

                        <div id="upload3" class="ups">
                            <img src="__CDN__/assets/addons/shop/img/add.png" alt="">
                            <div>点击上传图片</div>
                        </div>
                    </div>
                </div>
            </form>

        </div>
        <div class="part">
            <div>商家联系方式</div>
            <form class="layui-form" action="">

                <div class="layui-form-item ycenter">
                    <label class="title rtitles">商家姓名</label>
                    <div class=" widths">
                        <input type="text" name="title" id="realname" required lay-verify="required" placeholder="请填写商家姓名"
                            autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item ycenter">
                    <label class="title rtitles">商家电话</label>
                    <div class=" widths">
                        <input type="text" name="title" id="mobile" required lay-verify="required" placeholder="请填写商家手机号"
                            autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item ycenter">
                    <label class="title rtitles">商家邮箱</label>
                    <div class=" widths">
                        <input type="text" name="title" id="email" required lay-verify="required" placeholder="请填写商家邮箱"
                            autocomplete="off" class="layui-input">
                    </div>
                </div>
            </form>
        </div>
        <div class="buttons">
            <button class="nexts">下一步</button>
        </div>
    </div>
    <script src="__CDN__/assets/libs/jquery/dist/jquery.min.js"></script>
    <script src="__CDN__/assets/addons/shop/layui/layui.js"></script>
    <script src="__CDN__/assets/addons/shop/js/indexapi.js"></script>


    <script type="text/javascript">
        window._AMapSecurityConfig = {
            securityJsCode: "c5fdb769d7c29840c88ec12587e65429",
        };
    </script>
    <script src="__CDN__/assets/addons/shop/js/map.js"></script>

</body>

</html>